<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>小兔鲜订单</title>
  <!-- 字体图标样式文件 -->
  <link rel="stylesheet" href="./lib/iconfont/iconfont.css">
  <!-- 移动端 CSS 初始化 -->
  <link rel="stylesheet" href="./css/normalize.css">
  <!-- 清除默认样式文件 -->
  <link rel="stylesheet" href="./css/base.css">
  <!-- 项目css文件 -->
  <link rel="stylesheet" href="./css/orders.css">
</head>

<body>
  <!-- 主体内容开始啦 -->
  <div class="main">
    <!-- 用户信息 -->
    <div class="user_msg">
      <div class="location">
        <i class="iconfont icon-location"></i>
      </div>
      <div class="info">
        <div class="top">
          <h5>林丽</h5>
          <p>18500667882</p>
        </div>
        <div class="bottom">北京市 海淀区 中关村软件园 信息科技大厦1号
          楼410# </div>
      </div>
      <a href="#" class="more">
        <i class="iconfont icon-more"></i>
      </a>
    </div>
    <!-- 商品模块 -->
    <div class="goods">
      <div class="pic">
        <img src="./uploads/pic.png" alt="">
      </div>
      <div class="info">
        <h4>康尔贝 非接触式红外体温仪 </h4>
        <p class="youhui">领券立减30元 婴儿级材质 测温领券立减30元 婴儿级材质 测温</p>
        <p><span>粉色</span>红外体温计</p>
        <div class="price">
          <span class="red">¥<i>266</i> </span>
          <span>¥299</span>
        </div>
      </div>
      <div class="count">
        <i class="iconfont icon-x"></i>
        <span>1</span>
      </div>
    </div>
    <!-- 配送模块 -->
    <div class="rest">
      <div>
        <h5>配送方式 </h5>
        <p>顺丰快递</p>
      </div>
      <div>
        <h5>买家备注 </h5>
        <p>希望可以尽快发货，谢谢~</p>
      </div>
      <div>
        <h5>支付方式 </h5>
        <p>支付宝<i class="iconfont icon-more"></i></p>
      </div>
    </div>
    <div class="rest">
      <div>
        <h5>配送方式 </h5>
        <p>顺丰快递</p>
      </div>
      <div>
        <h5>买家备注 </h5>
        <p>希望可以尽快发货，谢谢~</p>
      </div>
      <div>
        <h5>支付方式 </h5>
        <p>支付宝<i class="iconfont icon-more"></i></p>
      </div>
    </div>
  </div>
  <!-- 主体内容结束啦 -->
  <!-- 底部模块  固定定位 -->
  <footer class="pay">
    <div class="left">
      合计：<span class="red">￥<i>266.00</i></span>
    </div>
    <div class="right">
      <a href="#">去支付</a>
    </div>
  </footer>
</body>

</html>